<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>卡片</title>
    <link rel="stylesheet" href="../lib/element-plus/index.css">
    <style>

        .login-box {
            width: 480px;
        }
    </style>
</head>
<body>

<div id="app">


    <el-card class="login-box">
        <template #header>
            header
        </template>

        hello


    </el-card>


    <el-dialog v-model="isShow">

        <template #header>
            header
        </template>
        dialog
        <template #footer>
            footer
        </template>

    </el-dialog>

    <el-button type="success" @click="btnAddClick"> 入职</el-button>
</div>

</body>
<script src="../lib/vue.global.js"></script>
<script src="../lib/element-plus/index.full.js"></script>
<script>

    var app = Vue.createApp({
        data: function () {
            return {
                isShow: false
            }
        }, methods: {
            btnAddClick: function () {
                this.isShow = true;
            }
        }
    });

    app.use(ElementPlus).mount('#app')

</script>
</html>